<div class="left_mail">
    <div class="col_de1">
        <?php echo $details->description1; ?>
    </div>
	<?php if(!empty($details->description2)){  ?>
	<br/>
	<div class="col_de1">
		<?php echo $details->description2; ?>
	</div>
	<?php }?>
    <div class="col_de4">
        <?php if(!empty($cha))
        { ?>
        <ul id="main_mon">
        <?php foreach($cha as $a) { ?>
            <li class="parent_sub"><span class="parent"><?php echo $a->title; ?></span>
                <ul>
                <?php if($mang) { foreach ($mang[$a->id] as $b) {  ?>
                <li><span><?php echo $b->title; ?></span></li>
                <?php } } ?>
                </ul>
            </li>
        <?php } ?>
        </ul>
        <?php } ?>
    </div>
    <div class="col_de4">
                <?php if(!empty($huongdan)) { ?>
                <?php foreach ($huongdan as $hd):
                    if(!empty($hd->subid)) { $ten_monhoc = $this->common_model->getone('subjects',array('id'=>$hd->subid)); }
                 ?>
                    <?php if(!empty($ten_monhoc)) {
                        if(!empty($hd->description1)){  
                    ?>
                            <div class="sub1">
                                <h2 class="sj_title"><?php echo $ten_monhoc->title; ?></h2>
                                <div class="des_sub">
                                    <?php echo $hd->description1; ?>
                                </div>
								<?php if(!empty($hd->description2)){  ?>
								<br/>
                                <div class="des_sub">
                                    <?php echo $hd->description2; ?>
                                </div>
								<?php }?>
                            </div>
                <?php  }  } endforeach; }?>
    </div>
</div>
<!-- /.left_mail -->
            <div class="right_mail">
                <div class="col_de3 education">
                    <h4 class="title_de2 bg_education">Trình độ học vấn / Nghề Nghiệp</h4>
                    <?php if(!empty($education->cap3)) { ?><p class="node1">THPT : <span class="cap3"><?php echo $education->cap3; ?></span><?php if(!empty($education->truongchuyen)) { echo ' ( <span class="chuyen">Lớp chuyên :'.$education->truongchuyen.'</span> )';} ?></p> <?php } ?>
                    <?php if(!empty($education->bang1)) { ?><p class="node1">ĐH / CĐ : <span class="cap3"><?php echo $education->bang1; ?></span><?php if(!empty($education->chuyennganh)) { echo ' ( <span class="chuyen">Chuyên nghành :'.$education->chuyennganh.'</span> )';} ?></p> <?php } ?>
                    <?php if(!empty($details->jobs)) { ?><p class="node1">Nghề nghiệp : <span class="cap3"><?php if($details->jobs == 0) { echo 'Sinh Viên';}elseif($details->jobs == 0){ echo 'Giáo viên';}else{echo 'Nghề Khác';} ?></span></span></p> <?php } ?>
                </div>
                <div class="col_de3 price">
                    <h4 class="title_de2 title_price"><i class="icon-usd bluclass"></i>&nbsp;&nbsp;Học phí</h4>
                    <div class="node1"><p class="cap3"><span class="price"><?php if($details->mucluong != 0) { echo number_format($details->mucluong).' VNĐ/Buổi';} else{ echo 'Chưa cập nhật';} ?></span></p></div>
                </div>
                <?php if($details->daynhieu != 0)
                    {
                        
                ?>
                <div class="col_de3 price">
                    <h4 class="title_de2 title_price"><i class="icon-usd bluclass"></i>&nbsp;&nbsp;Học phí dạy <?php echo $details->daynhieu.' học sinh'; ?></h4>
                    <p class="node1"><p class="cap3"><span class="price"><?php echo number_format($details->tiendaynhieu); ?> VNĐ / Buổi</span></p>
                </div>
                <?php } ?>
                <?php if(!empty($videos)){ parse_str(parse_url($videos->link, PHP_URL_QUERY), $youtube);
                        $link2 = $youtube['v']; ?>
                    <div class="popup_video hidden">
                        <object width="1" height="1"><param name="movie" value="http://www.youtube.com/v/<?php echo $link2; ?>&hl=en&autoplay=1&color1=0x234900&color2=0x4e9e00" />
                            <param name="allowFullScreen" value="true" />
                            <param name="allowscriptaccess" value="always" />
                            <embed src="http://www.youtube.com/v/<?php echo $link2; ?>&hl=en&autoplay=1&color1=0x234900&color2=0x4e9e00" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="380" />
                        </object>
                        <p class="close">
                            <i class="icon-remove icon-2x"></i>
                        </p>
                    </div>
                    <div class="col_de3 clearfix">
                        <div class="thumbvideos clearfix">
                            <img width="95" height="95" src="http://img.youtube.com/vi/<?php echo $link2; ?>/1.jpg" style="float: left;" alt="Video Giới thiệu của gia sư <?php echo $details->name; ?>" />
                            <div class="playvideo">
                                <i class="icon-play icon-3x"></i><span>Xem Video</span>
                            </div>
                        </div>
                    </div>
                <?php } ?>
                <div class="col_de3">
                    <img src="<?php echo base_url().'skin/front-end/images/goodFit60.png' ?>" style="float: left;" alt="Được đảm bảo bởi 10+" />
                    <p class="node_fit">Chất lượng của gia sư được bảo vệ bởi chính 10+ . Bạn sẽ không phải mất bất kì một khoản học phí nào cho đến khi tìm được gia sư phù hợp nhất</p>
                </div>
            	<div class="col_de2">
                    <?php $this->load->view('com_tutors/views_form_email.php'); ?>
                </div>
            </div>
            <!-- /.right_mail -->
<style>
#main_mon
{
    width:100%;
}
#main_mon li
{
    list-style:none;
}
#main_mon li.parent_sub span.parent
{
    color:#ff9900;
    font-weight:bold;
    text-transform: capitalize;
    border-bottom:1px dashed #ccc;
    padding-bottom:10px;
    display:block;
}
#main_mon li.parent_sub ul li
{
    margin-left:15px;
}
#main_mon li.parent_sub ul li span
{
    color:#333;
    font-weight:normal;
}
</style>
 <script>
    $(document).ready(function(){
       $('.thumbvideos').click(function(){
            $('.popup_video').fadeIn();
            $('.overlay').fadeIn();
       }); 
       $('.close').click(function(){
            $('.popup_video').fadeOut();
             $('.overlay').fadeOut();
       });
    });
 </script>